<template>
  <div class="flex flex-col items-center justify-center" style="width: 80px;height: 60px">
    <div class="text-center">{{ label }}</div>
    <div class="text-emerald-500 text-center break-all max-w-[90%]">{{ value }}</div>
  </div>
</template>

<script setup>
defineProps({
  label: {
    type: String,
    required: true
  },
  value: {
    type: [String, Number],
    required: true
  }
})
</script> 